Tutorial 

Extensions 


django girls 



Tabla de contenido 


Introduccion 

1.1 

Tarea: agregar mas a tu sitio web 

1.2 

Tarea: Asegura tu sitio 

1.3 

Tarea: Crea un modelo de comentarios 

1.4 

Opcional: Instalacion de PostgreSQL 

1.5 

Opcional: Dominio 

1.6 

Despliega tu sitio en Heroku 

1.7 


2 


Introduccion 


Tutorial Django Girls : Extensiones 


Informacion Este trabajo esta licenciado bajo la licencia Creative Commons Share Alike 4.0. Para ver una copia de 
esta licencia visite: http://creativecommons.Org/licenses/by-sa/4.0/ 


Introduccion 

Este libro contiene tutoriales adicionales que puedes realizar luego de terminal el Tutorial de Django Girls. 

Los tutoriales actuales son: 

• Tarea: agregar mas a tu sitio web 

• Tarea: Asegura tu sitio 

• Tarea: Crea un modelo de comentarios 

• Opcional: Instalacion de PostgreSQL 

Contribuir 

Este tutorial es mantenido por DjangoGirls. Si encuentras algunos errores o quieres actualizar el tutorial, por favor Sigue la 
guia de contribucion. 
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Tarea: Agregar mas a tu sitio web 


Nuestro blog ha recorrido un gran camino hasta aqui, pero aun hay espacio para la mejora. Lo siguiente, vamos a agregar 
nuevas caracteristicas para borradores y su publication. Tambien vamos a agregar elimination de post que ya no 
queremos mas. 

Guarda nuevos post como borradores 

Actualmente, nosotros creamos nuevos post usando nuestro formulario New Post y el post es publicado directamente. En 
lugar de publicar el post vamos a guardarlos com borradores. elimina esta linea en biog/views.py en los meetodos 

post_new y post_edit ! 


post.published_date = timezone.now() 


De esta manera los nuevos post seran guardados como borradores y se podran revisar despues en vez de ser publicados 
instantaneamente. Todo lo que necesitamos es una manera de listar los borradores. jVamos a hacerlo! 


Pagina con los post no publicados 

^Recuerdas el capitulo sobre los querysets? Creamos una vista post_iist que muestra solamente los post publicados 
(aquellos que tienen un pubiication_date no vacio). 

Es tiempo de hacer algo similiar, pero con borradores. 

Vamos a anadir un enlace en biog/tempiates/biog/base.htmi en el encabezado. No queremos mostrar nuestro borradores 
a todo el mundo, entonces vamos a colocarlo dentro de la verification {% if user.is_authenticated %} , justo despues del 
boton de agregar posts. 


<a href="{% url 'post_draft_list' %}" class="top-menu"><span class="glyphicon glyphicon-edit"x/span></a> 


Siguiente: juris! en biog/uris.py vamos a agregar: 


path(' drafts/' , views.post_draft_list, name=' post_draft_list' ), 


Tiempo de crear una nueva vista en blog/views. py 


def post_draft_list (request) : 

posts = Post.objects.filter(published_date_isnull=True).order_by(' created_date' ) 

return render(request, 'blog/post_draft_list.html' , {'posts': posts}) 


Esta linea posts = Post.objects.filter(published_date_isnull=True).order_by('created_date') 

solamente vamos a tomar post no publicados ( pubiished_date_isnuii=True ) y los ordena por 

( order_by( 1 created_date 1 ) ). 

Ok, el ultimo pedazo es la plantilla. Crea un archivo biog/tempiates/biog/post_draft_iist.html 


se asegura de que 

created_date 

y agrega lo siguiente: 
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{% extends 1 blog/base.html' %} 

{% block content %} 

{% for post in posts %} 

<div class="post"> 

<p class="date">created: {{ post.created_date|date d-m-Y' }}</p> 

<hl><a href="{% url 'post_detail' pk=post.pk %}">{{ post.title }}</a></hl> 
< p > {-C post. text | truncatechars: 200 }}</p> 

</div> 

{% endfor %} 

{% endblock %} 


Se ve muy similar a nuestr post_iist.html ^.verdad? 

Ahora cuando vayas a http://i27.0.0.1:8000/drafts/ vas a ver la lista de post no publicados. 
iBien! jNuestra primera tarea hecha! 


Agrega un boton de publicacion 

Seria bueno tener un boton en el detalle del post que publique el post inmediatamente, <•,no? 
Vamos a abrir biog/tempiates/biog/post_detaii.htmi y cambiar estas lineas: 

{% if post.published_date %} 

<div class="date"> 

{{ post.published_date }} 

</div> 

{% endif %} 


por estas: 


{% if post.published_date %} 

<div class="date"> 

{{ post.published_date }} 

</div> 

{% else %} 

<a class="btn btn-default" href="{% url 'post_publish' pk=post.pk %}">Publish</a> 
{% endif %} 


Como puedes ver, hemos agregado la linea {% else %} . Esto significa, que la condicion de {% if post.pubiished_date %} 
no es cumplida (entonces no hay pubiication_date ), entonces queremos agregar la linea <a ciass="btn btn-default" 
href="{% url ' post_pubiish' pk=post. pk %}">Pubiish</a> . Nota que estamos pasando la variable pk en el {% url %} . 

Tiempo de crear una URL (en biog/uris.py ): 


path(' post/<pk>/publish/' , views.post_publish, name=' post_publish' ), 


Y finalmente una vista (como siempre, en biog/views.py ): 


def post_publish(request, pk): 

post = get_object_or_404(Post, pk=pk) 
post.publish() 

return redirect(' post_detail' , pk=pk) 


Recuerda, cuando creamos el modelo post escribimos un metodo pubiush . Se vela como esto: 


def publish(self ) : 

self.published_date = timezone.now() 
self.save() 


5 


Tarea: agregar mas a tu sitio web 


jAhora finalmente podemos usarlo! 

Y de nuevo al publicar el post, jsomos redirigidos inmediatamente a la pagina post_detaii ! 


Q Django Girls Blog 


1 CD 12 7.0.0. l:8000/post/l/ 

_☆ * 

DjanqaQirU 

& + 

1 lorem ipium 

Publish / 


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ac orci ipsum. Aliquam rhoncus vulput 
ipsum ut sagittis. Phasellus in arcu lacinia, pharetra nibh at, lobortis orci. Vivamus elementum arcu i 
et aliquet nulla venenatis et. Vestibulum sed est eget dolor ultricies lobortis. Sed neque urna, adipisc 
ac ipsum non, bibendum condimentum nulla. Quisque eros sem, pellentesque vel urna eu, ornare 
molestie enim. Suspendisse sed blandit nisi. Fusee cursus diam ac libero viverra tristique. Integer gi 

jFelicitaciones! jCasi terminas, el ultimo paso es un boton de eliminar! 

Eliminar post 

Vamos a abrir biog/tempiates/biog/post_detaii.htmi de nuevo y vamos a anadir esta linea 

<a class="btn btn-default" href="{% url 'post_remove' pk=post.pk %}"><span class="glyphicon glyphicon-remove"x/span> 
</a> 


Justo debajo de la linea co el boton editar. 
Ahora necesitamos una URL ( biog/uris.py ): 


path(' post/<pk>/remove/' , views.post_remove, name= 1 post_remove' ), 


Ahora, jTiempo para la vista! Abre biog/views.py y agrega este codigo: 


def post_remove( request, pk): 

post = get_object_or_404(Post, pk=pk) 
post.delete() 

return redirect(' post_list 1 ) 


La unica cosa nueva es en realidad, eliminar el post. Cada modelo en django puede ser eliminado con . deiete( ) . jAsi de 
simple! 

Y en este momenta, despues de eliminar un post, queremos ir a la pagina web con la lista de posts, por eso usamos el 

redirect . 


jVamos a probarlo! jVamos a la pagina con los post e intentemos eliminarlos! 
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Q Django Girls Blog x 

1 

C 0 12 7.0.0. l:8000/post/l/ 

☆ 1 » = 

DjangoCjirh 

G + 

lorem iptUim 

Publish / X l 


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ac orci ipsum. Aliquam rhoncus 
vulputate ipsum ut sagittis. Phasellus in arcu lacinia, pharetra nibh at, lobortis orci. Vivamus 
elementum arcu nibh, et aliquet nulla venenatis et. Vestibulum sed est eget dolor ultricies lobortis. 
Sed neque urna, adipiscing ac ipsum non, bibendum condimentum nulla. Quisque eros sem, 
pellentesque vel urna eu, ornare molestie enim. Suspendisse sed blandit nisi. Fusee cursus diam ac 
libero viverra tristique. Integer gravida nisi at purus placerat feugiat. Phasellus sodales justo nec erat 
interdum, vitae porttitor orci sollicitudin. Mauris porttitor elementum leo in pulvinar. Morbi augue 
metus, tempus quis pellentesque vitae, dictum a leo. Quisque et urna vestibulum, gravida elit quis, 
viverra urna. 


Si, jesto es lo ultimo! jAcabas de completar este tutorial! jEres asombroso! 
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Tarea: Asegura tu sitio 


Puedes haberte dado cuenta que no usaste tu contrasena, ademas de cuando iniciaste en la interfaz de administrador. 
Tambien debes haber notado que esto significa que cualquiera puede editar tus post en tu blog. No se tu, pero a mi no me 
gustaria que cualquiera editara mi blog, asi que vamos a hacer algo al respecto. 


Autorizando la edicion y creacion de post. 

Primero vamos a hacer las cosas seguras. Vamos a proteger nuestras vistas post_new , post_edit , post_draft_iist , 
post_remove y post_pubiish para que solo usuarios que hayan ingresado puedan acceder a ellas. Django nos da algunas 
ayudas para hacer esto, llamados decoradores. No te preocupes por las tecnicalidades ahora; puedes leer sobre eso 
despues. El decorador que vamos a usar esta en el modulo django.contrib.auth.decorators y es llamado 
login_required . 

Entonces editemos tu blog/views. py y agrega estas lineas al comienzo del archivo junto con las demas importaciones: 


from django.contrib.auth.decorators import login_required 


Entonces anade la linea antes de cada una de las vistas post_new , post_edit , post_draft_iist , post_remove y 
post_pubiish , (decorandolas) como a continuacion: 


@login_required 

def post_new( request) : 

[...] 

jEso es todo! Ahora intenta acceder a 'http://localhost:8000/post/new/. i,Notas la diferencia? 

Si obtienes un formulario vacio, posiblemente sigues logeado desde el capitulo en la interfaz de administrador. Ve a 
http: //localhost: 8000/admin/logout/ para salir, y luego http://localhost: 8B00/post/new de nuevo. 

Puedes obtener uno de nuestros amados errores. Esto es muy interesante: El decoradr que anadimos nos redireccionara 
a la pagina de ingreso, pero como no esta disponible, retorna un "Page not found (404)". 

No te olvides del decorador encima de post_edit , post_remove , post_draft_iist y post_pubiish tambien. 

IPerfectol, Ihemos alcanzado parte de nuestro objetivo! Ahora otras personas no podran crear posten nuestro blog. 
Desafortunadamente, nosortos tampoco podemos crearlos. Asi que vamos a arreglarlo a continuacion. 

Ingresar usuarios 

Ahora podemos intentar hacer muchas cosas magicas para implementar usuarios y contrasenas y autenticacion, pero 
hacer esto correctamente es complicado. Como django viene con "baterias incluidas", alguien ya ha hecho el trabajo duro 
por nosotros, asi que vamos a utilizarlas. 

En mysite/uris.py agrega una nueva entrada path('accounts/iogin/ 1 , views.login, name = 1 login 1 ) . El contenido del 
archivo deberia verse similar a: 
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from django.urls import include, path 
from django.contrib import admin 

from django.contrib.auth import views 

urlpatterns = [ 

path(' admin/' , admin.site.urls), 

path(' accounts/login/' , views.login, name=' login' ), 
path('', include(' blog.urls ')), 

] 


Luego necesitamos agregar una plantilla para la pagina de ingreso, asi que crearemos el directorio 
blog/templates/registration y dentro un archivo llamado login.html . 

{% extends "blog/base.html" %} 

{% block content %} 

{% if form.errors %} 

<p>Your username and password didn't match. Please try again. </p> 

{% endif %} 

<form method="post" action="{% url 'login' %}"> 

{% csrf_token %} 

<table> 

<tr> 

<td>{{ form.username.label_tag }}</td> 

<td>{{ form.username }}</td> 

</tr> 

<tr> 

<td>{{ form.password.label_tag }}</td> 

<td>{{ form.password }}</td> 

</tr> 

</table> 

<input type="submit" value="login" /> 

cinput type="hidden" name="next" value="{{ next }}" /> 

</form> 

{% endblock %} 


Veras que tambien hace uso de la plantilla base para mantener el estilo de tu blog. 

La cosa buena qui es que funciona. No necesitamos lidiar con el manejo del for o las contrasenas y asegurarlas. 
Solamente una cosa mas para hacer. Entonces vamos a agregar esta configuration en mysite/settings.py : 

LOGIN_REDIRECT_URL = '/' 


Entonces cuando la pagina es accesada directamente, la redirecionara a la pagina de primer nivel, el index (la pagina de 
inicio de blog). 


Mejorando el diseno 

Ya definimos como autorizar usuarios. Vemos los botones para anadir post. Ahora queremos asegurarnos que el boton de 
ingreso le aparezca a todos. 

Vamos a agregar el boton de ingreso asi: 

<a href="{% url 'login' %}" class="top-menu"><span class="glyphicon glyphicon-lock"x/spanx/a> 


Para esto necesitamos editar la plantilla, asi que vamos a abrir biog/tempiates/biog/base.htmi y cambiarlo, asi que la 
parte en medio de <body> se vera asi: 
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<body> 

<div class="page-header"> 

{% if user.is_authenticated %} 

<a href="{% url 'post_new' %}" class="top-menu"><span class="glyphicon glyphicon-plus"x/span></a> 

<a href="{% url 'post_draft_list' %}" class="top-menu"><span class="glyphicon glyphicon-edit"x/span></a> 
{% else %} 

<a href="{% url 'login' %}" class="top-menu"xspan class="glyphicon glyphicon-lock"x/spanx/a> 

{% endif %} 

<hlxa href="/">Django Girls Blog</a></hl> 

</div> 

<div class="content container"> 

<div class="row"> 

<div class="col-md-8"> 

{% block content %} 

{% endblock %} 

</div> 

</div> 


</div> 

</body> 


Debes reconocer el patron aqui. Hay una condition if en la plantilla que verifica si el usuario esta autenticado para 
mostrar los botones de agregar y editar. De otra manera muestra el boton de ingreso. 


Mas para usuarios autenticados 

Vamos a agregarle algo de dulce a nuestras plantillas mientras estamos ahi. Primero vamos a mostrar algunos detalles de 
cuando ingresamos. Editemos el archivo biog/tempiates/biog/base.htmi asi: 


<div class="page-header"> 

{% if user.is_authenticated %} 

<a href="{% url 'post_new' %}" class="top-menu"xspan class="glyphicon glyphicon-plus"x/spanx/a> 

<a href="{% url 'post_draft_list' %}" class="top-menu"xspan class="glyphicon glyphicon-edit"x/spanx/a> 

<p class="top-menu">Hello {{ user.username }} <small>(<a href="{% url 'logout' %}">Log out</a>)</smallx/p> 
{% else %} 

<a href="{% url 'login' %}" class="top-menu"xspan class="glyphicon glyphicon-lock"x/spanx/a> 

{% endif %} 

<hl><a href="/">Django Girls Blog</ax/hl> 

</div> 


Esto agrega un lindo "Hello <username>" para recordarle al usuario como ingreso, y que esta autenticado. Tambien 
agrega un enlace de salida del blog -- como puedes ver, aun no funciona. jVamos a arreglarlo! 

Decidimos apoyarnos en Django para manejar el inicio de sesion, as! que vamos ver si Django nos permite manejar el 
cierre de la sesion. Mira https://docs.djangoproject.eom/en/2.0/topics/auth/default/ y ve si encuentras algo. 

^Terminaste de leer? Por ahora vamos a pensar en agregar una URL en mysite/uris.py apuntando a la vista de salida 

( django.contrib.auth.views.logout ) ash 


from django.urls import include, path 
from django.contrib import admin 

from django.contrib.auth import views 

urlpatterns = [ 

path(' admin/' , admin.site.urls), 

path(' accounts/login/' , views.LoginView.as_view(), name=' login' ), 

path(' accounts/logout/' , views.LogoutView.as_view(next_page= '/' ), name=' logout' ), 

path('', include(' blog.urls ')), 


jEso es todo! Si has segido todo lo anterior, en este punto (e hiciste la tarea), tu blog ahora: 
• necesita un nombre de usuario y contrasena para ingresar, 
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• necesita haber ingresado para agregar, editar, publicar o eliminar posts 

• puede salir de nuevo 
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Tarea: Crea un modelo de comentarios 

Actualmente, solamente tenemos un modelo de Post, <[,Que si queremos recibir retro alimentacion de tus lectores y 
dejarlos comentar? 

Crea un modelo de comentarios para el blog 

Vamos a abrir biog/modeis.py y pega esta pieza de codigo al final del archivo: 


class Comment (models.Model) : 

post = models.ForeignKey( 'blog.Post 1 , on_delete=models.CASCADE, related_name=' comments' ) 
author = models.CharField(max_length=200) 
text = models.TextField() 

created_date = models.DateTimeField(default=timezone.now) 
approved_comment = models.BooleanField(default=False) 

def approve(self ) : 

self.approved_comment = True 
self.save() 

def _ str_ (self): 

return self.text 


Puedes ir atras al modelo Modelos en Django de este tutorial si necesitas refrescar lo que cada tipo de campo significa. 
En esta extension del tutorial vamos a tener un nuevo tipo de campo: 

• models.BooleanField - this is true/false field. 

La opcion reiated„name en models. ForeignKey nos permite acceder acceso a los comentarios desde el modelo Post. 

Creando tablas para los modelos en tu base de datos. 

Es tiempo de agregar nuestro modelo de comentarios a la base de datos. Para hacer esto le vamos a decir a Django que 
haga los cambios a nuestro modelo. Escribe python manage.py makemigrations blog en tu linea de comendos. Deberias ver 
algo como esto: 


(myvenv) ~/djangogirls$ python manage.py makemigrations blog 
Migrations for 'blog': 

0002_comment.py: 

- Create model Comment 


Como puedes ver, se ha creado otro archivo de migracion en la carpeta blog/migrations/ . Ahora necesitamos aplicar 
estos cambios escribiendo python manage.py migrate blog en la linea de comandos. La salida deberia verse ash 


(myvenv) ~/djangogirls$ python manage.py migrate blog 
Operations to perform: 

Apply all migrations: blog 
Running migrations: 

Rendering model states... DONE 
Applying blog.0002_comment... OK 


jNuestro modelo de comentarios existe ahora en la base de datos! <^No seria genial acceder a el desde nuestro panel de 
administration? 
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Registra el modelo de comentarios en el panel de 
administrador 

Para registrar el modelo de Comentario en el panel de administrador, ve a biog/admin.py y agrega esta linea: 


admin.site.register(Comment) 


Justo debajo de esta linea: 


admin.site.register(Post) 


Recuerda que es importante importar el modelo de comentarios al comienzo del archivo, como esto: 


from django.contrib import admin 
from .models import Post, Comment 

admin.site.register(Post) 
admin.site.register(Comment) 


Si escribes python manage.py runserver en la linea de comandos y vas a http://127.0.0.1:8000/admin/ en tu navegador, 
ahora podras acceder a la lista de comentarios, y tambien tendras la posibilidad de agregar y eliminar comentarios. j Juega 
con la nueva caracteristica de comentarios! 


Has tus comentarios visibles 

Ve al archivo biog/tempiates/biog/post_detaii.htmi y agrega el siguiente codigo antes de la etiqueta {% endbiock %} : 


<hr> 

{% for comment in post.comments.all %} 

<div class="comment"> 

<div class="date">{{ comment.created_date }}</div> 
<strong>{{ comment.author }}</strong> 
cp>{{ comment.text|linebreaks }}</p> 

</div> 


{% empty %} 

<p>No comments here yet :(</p> 
{% endfor %} 


Ahora puedes ver la seccion de comentarios en los detalles del post. 

Pero puede verse un poco mejor, asi que vamos a agregar algun css al final del archivo static/css/biog.css : 
.comment { 

margin: 20px 0px 20px 20px; 

> 


Tambien vamos a dejar a los visitantes sobre los comentarios que dejan en la pagina. Ve al archivo 
biog/tempiates/biog/post_iist. htmi y agrega una lina como esta: 

<a href="{% url 'post_detail' pk=post.pk %}">Comments: {{ post.comments.count }}</a> 

Despues de esto, tu plantilla deberia verse asi: 
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{% extends 1 blog/base.html' %} 

{% block content %} 

{% for post in posts %} 

<div class="post"> 

<div class="date"> 

{{ post.published_date }} 

</div> 

<hl><a href="{% url 'post_detail' pk=post.pk %}">{{ post.title }}</a></hl> 

< p > {-C post. text | linebreaksbr }}</p> 

<a href="{% url 'post_detail' pk=post.pk %}">Comments: {{ post.comments.count }}</a> 
</div> 

{% endfor %} 

{% endblock content %} 


Deja a tus lectores escribir comentarios 

Ahora podemos ver los comentarios hechos en nuestro blog, pero no podemos agregarlos. jVamos a cambiar eso! 
Ve a blog/forms. py y agrega las siguientes lineas al final del archivo: 


class CommentForm(forms.ModelForm) : 

class Meta: 

model = Comment 

fields = ('author', 'text',) 


Recuerda importarel modelo Comentario, cambiando la linea: 


from .models import Post 


en: 


from .models import Post, Comment 


Ahora vamos a blog/templates/blog/post_detail.html y antes de la linea {% for comment in post .comments. all %} , 
agrega: 


<a class="btn btn-default" href="{% url 'add_comment_to_post' pk=post.pk %}">Add comment</a> 


Si quieres ir a los detalles del post, deberias ver este error: 


C|D localhost:8000/post/1/ 

NoReverseMatch at /post/1/ 

Reverse for ’add_comment_to_post' with arguments '()' and keyword arguments '{'pk': 1}' not found. 0 pattern(s) tried: [] 

Request Method: GET 

Request URL: http://localhost:8000/post/1/ 

Django Version: 1.8 
Exception Type: NoReverseMatch 

Exception Value: Reverse for 'add_comraent_to_post' with arguments '()' and keyword arguments '{'pk': 1}' not found. 0 pattern(s) tried: [] 

jAhora sabemos como arreglarlo! Ve a biog/uris.py y agrega esto a uripatterns : 


url( r' A post/(?P<pk>\d+)/comment/$' , views.add_comment_to_post, name= 'add_comment_to_post' ), 


jRefresca la pagina y ahora tenemos un erro diferente! 
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^ C u localhost:8000/post/1/ 

AttributeError at /post/1/ 


'module' object has no attribute 'add_comment_to_post' 


Request Method: 

Request URL: 
Django Version: 
Exception Type: 
Exception Value: 


GET 

http://localhost: 8000 /post/ 1 / 

1.8 

AttributeError 

'module' object has no attribute 1 add_comment_to_post' 


Para agregar este error, agrega esto a biog/views.py : 


def add_comment_to_post( request, pk): 

post = get_object_or_404(Post, pk=pk) 
if request.method == "POST": 

form = CommentForm(request.POST) 
if form.is_valid(): 

comment = form.save(commit=False) 
comment.post = post 
comment.save() 

return redirect(' post_detail' , pk=post.pk) 

else : 

form = CommentForm() 

return render(request, 'blog/add_comment_to_post.html' , {'form': form}) 


Recuerda importar commentForm al comienzo del archivo: 


from .forms import PostForm, CommentForm 


Ahora vamos a los detalles de la pagina y deberiamos ver el boton "Add Comment": 


Add comment 

No comments here yet:( 


Sin embargo, cuando des click en el boton veras: 
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C localhost: 8000 /post/ 1 /comment/ 

TemplateDoesNotExist at /post/1/comment/ 

blog/add_comment_to_post.html 

Request Method: GET 

Request URL: http://localhost:8000/post/1/comment/ 

Django Version: 1.8 
Exception Type: TemplateDoesNotExist 
Exception Value: blog/add_comment_to_post.html 

Como el error nos dice, la plantilla no existe aun. Entonces vamos a crear una en 
biog/tempiates/biog/add_comment_to_post. htmi y agregar el siguiente codigo: 

{% extends 'blog/base.html' %} 

{% block content %} 

<hl>New comment</hl> 

<form method="POST" class="post-form">{% csrf_token %} 

{{ form.as_p }} 

<button type="submit" class="save btn btn-default">Send</button> 

</form> 

{% endblock %} 


jGenial! !Ahora nuestroe lectores puede agregar lo que piensan en nuestros post! 


Moderando los comentarios 

No todos los comentarios deberfan ser mostrados. Como dueno del blog, posiblemtente quieras la opcion de aprovar o 
eliminar comentarios. Vamos a hacer algo sobre esto. 

Ve a biog/tempiates/biog/post_detaii.htmi y cambia las lineas: 


{% for comment in post.comments.all %} 

<div class="comment"> 

<div class="date">{{ comment.created_date }}</div> 
<strong>{{ comment.author }}</strong> 

<p>{{ comment.text|linebreaks }}</p> 

</div> 

{% empty %} 

<p>No comments here yet :(</p> 

{% endfor %} 


a: 
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{% for comment in post.comments.all %} 

{% if user.is_authenticated or comment.approved_comment %} 

<div class="comment"> 

<div class="date"> 

{{ comment.created_date }} 

{% if not comment.approved_comment %} 

<a class="btn btn-default" href="{% url 'comment_remove' pk=comment.pk %}"><span class="glyphicon gly 
phicon-remove "></spanx/a> 

<a class="btn btn-default" href="{% url 'comment_approve' pk=comment.pk %}"><span class="glyphicon gl 
yphicon-ok"x/span></a> 

{% endif %} 

</div> 

<strong>{{ comment.author }}</strong> 

<p>{{ comment.text|linebreaks }}</p> 

</div> 

{% endif %} 

{% empty %} 

<p>No comments here yet :(</p> 

{% endfor %} 


Deberias ver un NoReverseMatch , porque no hay ninguna URL que concuerde con comment_remove y comment_approve aun 
Para arreglar este error, agregemos estas urls a biog/uris. py : 


url( r 1A comment/(?P<pk>\d+)/approve/$ 1 , views.comment_approve, name= 1 comment_approve' ), 
url( r 1A comment/(?P<pk>\d+)/remove/$' , views.comment_remove, name= 'comment_remove 1 ), 


Ahora debereias ver un AttributeError . Para arreglar este error, agrega las siguiente vistas en biog/views.py : 


@login_required 

def comment_approve( request, pk): 

comment = get_object_or_404(Comment, pk=pk) 
comment.approve() 

return redirect(' post_detail' , pk=comment.post.pk) 
@login_required 

def comment_remove( request, pk): 

comment = get_object_or_404(Comment, pk=pk) 
comment.delete() 

return redirect(' post_detail' , pk=comment.post.pk) 


Necesitas importar comment al comienzo del archivo: 


from .models import Post, Comment 


jTodo funciona! Hay un pequeno cambio que podemos hacer. en nuestra pagina de lista — debajo de posts -- actualmente 
vemos el numero de los comentarios que el post ha recibifo. Vamos a cambiar esto para ver el numero de comentarios 
aprobados. 

Para arreglar esto, ve a biog/tempiates/biog/post_iist.htmi y cambia la linea: 

<a href="{% url 'post_detail' pk=post.pk %}">Comments: {{ post.comments.count }}</a> 


a: 


<a href="{% url 'post_detail' pk=post.pk %}">Comments: {{ post.approved_comments.count }}</a> 


finalmente, anade el metodo al modelo post en biog/modeis.py : 


def approved_comments(self ) : 

return self.comments.filter(approved_comment=True) 


17 


Tarea: Crea un modelo de comentarios 


Ahora puedes ver la caracteristica de comentarios finalizada jFelicitaciones! :-) 
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Opcional: Instalacion de PostgreSQL 


Parte de este capitulo esta basado en tutoriales de Geek Girls Carrots (http://django.carrots.pl/). 

Parte de este capitulo esta basado en django-marcador tutorial Licenciado bajo la licencia Creative Commons 
Attribution-ShareAlike 4.0. La licencia del tutorial le pertenece a Zapke-Grundemann. 

Windows 

La manera mas facil de instalar Postgres en Windows es usando un programa que puedes encontra aqui: 

http://www.enterprisedb.eom/products-services-training/pgdownload#windows 

Escoge la version mas nueva disponible para tu sistema operativo. Descarga el instalador, ejecutalo y sigue las 
instrucciones disponibles aqui http://www.postgresqltutorial.com/install-postgresql/. Toma nota del directorio donde se 
instalo porque lo necesitaras en el siguiente paso (tipicamente, es 'C:\Program Files\PostgreSQL\9.3). 

Mac OS X 

La manera mas facil es descargar gratis Postgres.app e instalalo como cualquier otra aplicacion en tu sistema operativo. 
Descargalo, y arrastralo al directorio de Aplicaciones, y ejecutalo dando doble click en el. jEso es todo! 

Ahora debes agregar las herramientas de linea de comandos de Postgres a tu variable path , que es descrita aqui. 

Linux 

Los pasos de instalacion varian de distribuciona distribucion. A continuation encontraremos comandos para Ubuntu y 
Fedora, pero si estas usando una distribucion diferente mira la documentation de PostgreSQL. 

Ubuntu 

Ejecuta el siguiente comando: 


sudo apt-get install postgresql postgresql-contrib 


Fedora 

Ejecuta el siguiente comando: 


sudo yum install postgresql93-server 


Crea la base de datos 

Lo siguiente sera crear nuestra primera base de datos, y un usuario que pueda acceder a ella. PostgreSQL nos deja crear 
tantas bases de datos como usuarios queramos, entonces si vamos a ejecutar mas de un sitio, deberiamos crear una base 
de datos para cada uno. 

Windows 
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Si estas usando Windows, aqui hay un par de pasos adicionales que necesitas completas. Por ahora no es importante si 
no entiendes la configuracion que estamos haciendo aqui, pero sientente libre de preguntarle a tu Coach si estas curioso 
de lo que estas haciendo. 

1. Abre la linea de comandos (Inicio —► Todos los programas —> Accesorios —> Linea de comandos) 

2. Ejecuta la siguiente configuracion y presiona enter: setx path "%PATH%;c:\program Fiies\postgresQL\9.3\bin" . Puedes 
pegar cosas a la linea de comandos dando click derecho y seleccionando pegar . Asegurate de que el la carpeta sea 
la misma que anotaste cuando estabas instalando con un \bin al final. Deberias ver el mensaje success: specified 

value was saved. . 

3. Cierra y vuelve a abrie la linea de comando 

Crea la base de datos 

Primero, vamos a iniciar la consola dePostgres ejecutando psqi . ^Recuerdas como lanzar la consola? 

En Mac OS X debes hacer esto lanzando la aplicacion Terminal (esta en Aplicaciones —> Utilidades). En linux, 
posiblemente este bajo Aplicaciones —> Accesorios —> Terminal. En Windows necesitas ir a Inicio —► Todos los 
programas —> Accesorios —> Linea de Comandos. Mas alia, en Windows, psqi requiere que ingreses con un 
nombre de usuario y contraseha, el que escogiste durante la instalacion. Si psqi esta pregunando por una contras 
'ha y no parece funcionar, trata psqi -u <username> -w primero y luego presioa Enter. 


$ psqi 
psqi (9.3.4) 

Type "help" for help. 

# 

Nuestro $ ahora ha cambiado a # , lo cual significa que ahora estamos enviando comandos a PostgreSQL. Vamos a 
crear un usuario con create user name; (recuerda usar el punto y coma): 

# CREATE USER name; 

Reemplaza nombre con tu propio nombre. No deberias usar letras acentadas o espacios en bianco, (ejemplo bozena 
maria es invalida - necesitas convertirla en bozena_maria ). Si esto va bien, puedes tener una respuesta create role de 
la consola. 

Ahora es tiempo de crear una base de datos para tu proyecto en Django: 


# CREATE database djangogirls OWNER name; 


Recuerda reemplazar name con el nombre que hayas escogido (ejemplo bozena_maria ). Esto crea una base de datos 
vacia que puedes ahora usar en tus proyectos. Si esto va bien, puedes obtener una respuesta create database de la 
consola. 

jGenial - las bases de dates estan en orden! 


Actualizar la configuracion 


Encuentra esta parte en tu archivo mysite/settings.py : 

DATABASES = { 

1 default 1 : { 

’ENGINE 1 : 1 django.db.backends.sqlite3’ , 
’NAME’: os.path.join(BASE_DIR, 1 db.sqlite3’ ), 

> 

> 
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Y reemplazalo con esto: 

DATABASES = { 

' default' : { 

'ENGINE' : 'django.db.backends.postgresql' , 
'NAME' : 'dj angogirls' , 

'USER' : 'name', 

'PASSWORD': '', 

'HOST': 'localhost', 

'PORT': '', 

> 

> 


Recuerda cambiar name con el nombre de usuario que creaste antes en este capitulo. 


Instalando el paquete PostgreSQL para Python 


Primero, instala Heroku Tooibeit desde https://toolbelt.heroku.com/ porque lo necesitaremos mas adelante para desplegar 
tu sitio, esto tambien include Git, lo cual puede ser util. 

Lo siguiente es instalar un paquete que le permita a Python hablar con PostgreSQL - este es llamado psycopg 2 . Las 
intrucciones de instalacion difieren un poco entre Windows y Linux/OS X. 

Windows 

Para Windows, descarga el arhchivo pre construido de http://www.stickpeople.com/projects/python/win-psycopg/ 

Asegurate de que tienes la version de Python correspondiente (3.4 deberia ser la ultima linea) y la arquitectura correcta 
(32 bit en la columna de la izquiera o 64 bit en la columna derecha). 

Renombra el archivo descargado y muevelo para que estedisponible en c:\psycopg 2 .exe . 

Una vez este terminado, ejecuta el siguiente comando en la terminal (asegurate que el virtuaienv este activado): 

easy_install C:\psycopg2.exe 


Linux y OS X 

Ejecuta el siguiente codigo en la consola: 

(myvenv) ~/djangogirls$ pip install psycopg2 


Si eso sale bien, veras algo ash 


Downloading/unpacking psycopg2 
Installing collected packages: psycopg2 
Successfully installed psycopg2 
Cleaning up... 


Una vez esto este completo, ejecuta python -c "import psycopg 2 " . Si no tienes ningun error, todo esta instalado 
correctamente. 


Aplicando las migraciones y creando un super usuario 
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En orden de usar la base de datos recien creada en nuestro proyecto, necesitaras aplicar las migraciones en tu ambiente 
virtual ejecutando el siguiente codigo: 


(myvenv) ~/djangogirls$ python manage.py migrate 


Para agregar nuevos post en nuestro blog, tambien necesitas crear un super usuario, ejecutando el siguiente codigo: 


(myvenv) ~/djangogirls$ python manage.py createsuperuser --username name 


Recuerda reemplazar name con el nombre de usuario. Se te preguntara por un email y una contrasena. 

Ahora puedes ejecutar el servidor. Entra en la aplicacion con la cuenta de super usuario y comienza a agregar posts a tu 
nueva base de datos. 
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Dominio 


PythonAnywhere nos da un dominio gratuito, pero tal vez tu no quieres tener un ".pythonanywhere.com" al final de tu URL 
de blog. Quizas tu quieres tener ago como "www.infinite-kitten-pictures.org" o "www.3d-printed-steam-engine-parts.com" o 
"www.antique-buttons.com" o "www.mutant-unicornz.net", o lo que quieras. 

Aqui vamos a hablar un poco sobre como obtener un dominio, y como enlazarlo con la aplicacion en PythonAnywhere. Sin 
embargo, debes saber que los dominios cuestan dinero, y PythonAnywhere tambien te cobra mensualmente una tarifa 
para usar tu propio nombre de dominio -- no es mucho dinero en total, pero esto es posiblemente que solamente quieras si 
estas realmente comprometido. 

tDonde registrar un dominio? 

Un nombre de dominio cuesta tipicamente $15 USD al ano. Hay opciones mas baratas y mas caras, dependiendo del 
probeedor. Existen muchas companias con las que puedes comprar un dominio: una simple busqueda en google te dara 
muchas opciones. 

Nuestra favorita es I want my name. Su anuncion dice "manejo de dominio sin dolor" y realmente es sin dolor. 

Tambien puedes obtener dominios gratis, dot.tk es un lugar para obtener uno, pero debes estar conciente que los dominios 
gratuitos a veces se sienten baratos -- si tu sitio quiere ser para un negocio profesional, deberias pensar sobre pagar por 
un dominio "propio" que termine en .com . 

<j,C6mo apuntar tu dominio a PythonAnywhere? 

Si fuiste a traves de iwantmyname.com, da click en Domains en el menu y escoge tu dominio recien comprado. Entonces 
localiza y da click en manage DNS records : 

N ameservers ns 1. i wantmy name, net 

ns2. i wantmy name, net 
ns3. iwantmy name, net 
ns4. iwantmy name, net 

Ahora necesitas localizar este formulario: 

Hostname 7 Type 7 Value 7 TTL 7 


add 


update nameservers 

manage DNS records 


Y llena la siguiente informacion 

• Hostname: www 

• Type: CNAME 

• Value: your domain from PythonAnywhere (for example djangogirls.pythonanywhere.com) 

• TTL: 60 

Hostname Type Value 

www V CNAME t djangogirls.herokuapp.com v 


TTL 7 


3600 1/ 


add 


Click en el boton Add y Guarda los cambios al final. 
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Si quieres un proveedor de dominio distinto, la interfaz para encontrar tu configuration de DNS/ CNAME sera 
diferente, pero el objetivo es el mismo: Definir un CNAME que apunte tu nuevo dominio a 

nombredeusuario.pythonanywhere.com . 

✓ 

Tambien puede tomar algunos minutos para que tu dominio comience a funcionar. jSe paciente! 

Configura el dominio a traves de la aplicacion en 
PythonAnywhere. 

Tambien necesitas decide a PythonAnywhere que quieres utilizar tu dominio personalizado. 

Ve a la pagina de cuenta de PythonAnywhere y mejora tu cuenta. La opcieon mas barata (el plan "Hacker:) esta bien para 
comenzar, y siempre puedes mejorarlo despues cuando te vuelvas super famoso y tengas millones de visitas. 

Siguiente, ve sobre la pestana Web y anota un par de cosas: 

• Copia la ruta a tu virtualenv y colocala en un lugar seguro. 

• Da click a traves de tu archivo de configuration wsgi, copia el contenido y pegalo en un lugar seguro. 

Siguiente, elimina tu vieja aplicacion. No te preocupes, esto no elimina nada de tu codigo, solamente apaga el dominio en 
nombredeusuario.pythonanywhere.com . Siguiente, crea una nueva aplicacion y sigue estos pasos: 

• Ingresa tu nombre de dominio 

• Escoge "configuracion manual" 

• Selecciona Python 3.4 

• Y estamos listos 

Cuando seas enviado de vuelta a la pestana web 

• Pega la ruta del ambiente virtual que guardaste antes. 

• Da click atraves del archivo de configuracion, y pega el contenido de tu archivo de configuracion viejo. 

Da click en actualizar web app y jdeberias encontrar tu sitio corriendo en tu nuevo dominio! 

Si tienes problemas, da click en "Send Feedback" en el sitio PythonAnywhere, y uno de sus amables administradores te 
ayudara a solucionarlo en poco tiempo. 
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Despliega tu sitio en Heroku (Tambien como 
PythonAnywhere) 


Siempre es bueno como un desarrollador tiene un par de diferentes opciones de despliegue bajo su cinturon. ^.Por que no 
tratar de desplegar tu sitio en Heroku, tambien como PythonAnywhere? 

Heroku es tambien gratis para pequenas aplicaciones que no tienen muchas visitas, pero es un poco mas complicado 
desplegar. 

Te guiaremos por el siguiente tutorial: https://devcenter.heroku.com/articles/getting-started-with-django, pero pegamos aqui 
para hacerlo mas facil para ti. 

El archivo requirements.txt 

Si no lo creaste antes, necesitamos crear un archivo requirements.txt para decide a Heroku que paquetes de Python 
necesitamos que sean instalados en nuestro servidor. 

Pero primero, Heroku necesita que instalemos algunos paquetes. Ve a tu consola con tu virtuaienv activado y escribe: 


(myvenv) $ pip install dj-database-url gunicorn whitenoise 


Despues que la instalacion esta finalizada, ve a la carpeta djangogiris y ejecuta este comando: 


(myvenv) $ pip freeze > requirements.txt 


Esto creara un archivo llamado requirements.txt con una lista de paquetes instalados. (Librerias Python que estas 
usando, por ejemplo Django :) 

Nota: pip freeze imprime la lista de todas las librerias instaladas en tu ambiente virtual, y ei > toma la salida de 
pip freeze y la coloca en un archivo. jTrata ejecutar pip freeze sin el < requirements.txt para ver lo que pasa! 

Abre este archivo y anada esto al final: 

psycopg2==2.6.2 

Esta linea se necesita para que tu aplicacion funcione en Heroku. 

Procfile 

Otra cosa que Heroku necesita es un procfile . Esto le dice a Heroku que comandos ejecutar para iniciar nuestro sitio 
web. Ve a tu editor de codigo y crea un archivo llamado procfile en la carpeta djangogiris y agrega esta linea: 


web: gunicorn mysite.wsgi --log-file - 


Esta linea significa que vas a desplegar una aplicacion web y lo vas a hacer ejecutando el comando gunicorn 
mysite.wsgi ( gunicorn es un programa que es la version mas poderosa del comando de django runserver ). 

Entonces guardalo. jListo! 

El archivo runtime.txt 


25 


Despliega tu sitio en Heroku 


Tambien necesitamos decirle a Heroku que version de Python vamos a usar. Esto es hecho creando un archivo 
runtime.txt en la carpeta djangogiris usando tu editor de texto y colocando el siguiente texto (y nada mas) dentro: 


python-3.5.2 


mysite/local_settings.py 

Porque es mas restrictive que PythonAnywhere, Heroku quiere usar diferentes configuraciones de las que nosotros 
usamos localmente (en nuestro computador). Heroku quiere que usar Postgres mientras que nosotros usamos SQLite, por 
ejemplo. Por eso necesitamos crear un archivo separado para las configuraciones que estaran disponibles en nuestro 
ambiente local. 

Ve adelante y crea un archivo mysite/iocai_settings.py . Este debe contener tu configuracion de database de tu archivo 
mysite/settings. py . JustO COITIO esto: 


import os 

BASE_DIR = os.path.dirname(os.path.dirname(_file._)) 

DATABASES = { 

'default' : { 

'ENGINE' : 'django.db.backends.sqlite3' , 

'NAME' : os.path.join(BASE_DIR, 'db.sqlite3' ), 

} 

} 

DEBUG = True 


jLuego guardalo! :) 


mys ite/setti ngs. py 

Otra cosa que debemos hacer es modificar nuestro archivo de sitio web settings.py . Abre mysite/settings.py en tu 
editor y cambia las siguientes lineas: 


import dj_database_url 


DEBUG = False 

ALLOWED_HOSTS = ['127.0.0.1', '.herokuapp.com' ] 


DATABASES = { 

'default' : { 

'ENGINE' : 'django.db.backends.postgresql_psycopg2' , 
'NAME': 'djangogiris', 

'USER' : 'name', 

'PASSWORD': '', 

'HOST': 'localhost', 

'PORT': '', 

} 

} 


db_from_env = dj_database_url.config(conn_max_age=50O) 
DATABASES[' default' ].update(db_from_env) 


Esto hara la configuracion necesaria para Heroku. 
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Luego guarda el archivo. 

mysite/wsgi.py 

Abre el archivo mysite/wsgi.py y agrega estas lineas al final: 


from whitenoise.django import DjangoWhiteNoise 
application = DjangoWhiteNoise(application) 


jTodo bien! 

Cuenta Heroku 

Necesitas instalar Heroku tooibeit el cual encontraras aqui (puedes saltarte la instalacion si ya lo instalaste durante la 
configuration): https://toolbelt.heroku.com/ 

Cuando ejecutas la instalacion de Heroku tooibeit en windows asegurate de escoger "Instalacion personalizada" 
cuando te pregunten que componentes instalar. En la lista de componentes que se muestra luego por favor 
selecciona "Git y SSH" 

En windows tambien debes ejecutar el siguiente comando para agregar Git y SSH a tu path de la linea de 
comanods: setx path "%PATH%;c:\program Fiies\Git\bin" . Reinicia la linea de comandos despues para habilitar el 
cambio. 

jDespues de reiniciar tu linea de comandos, no olvides ir a tu carpeta djangogiris de nuevo y habilitar el ambiente 
virtual! (Truco: Ve al capitulo de instalacion de Django) 

Por favor tambien crea una cuenta gratuita de Heroku aqui: https://id.heroku.com/signup/www-home-top 

Luego autenticate con tu cuenta Heroku en tu computador ejecutando este comando: 


$ heroku login 


En cas que no tengas una Nave SSH este comando automaticamente creara una. Las Naves SSH son requeridas para 
colocar codigo en Heroku. 

Git commit 

Heroku usa git para sus propios despliegues. Adiferencia de PythonAnywhere, puedes hacer push a Heroku directamente, 
sin Github. Pero necesitamos hacer un par de cosas antes. 

Abre un archivo llamado .gitignore en tu carpeta djangogiris y agrega iocai_settings.py a el. Queremos que git 
ignore iocai_settings , entonces este permanece en nuestro computador local y no termina en Heroku. Open the file 
named .gitignore in your djangogiris directory and add local_settings.py 


*. pyc 

db.sqlite3 
myvenv 

_pycache_ 

local_settings.py 


Y guarda los cambios 
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$ git status 
$ git add -A . 

$ git commit -m "additional files and changes for Heroku" 


Escoge un nombre de aplicacion 

Vamos a hacer que tu blog este disponible en la web en [tu nombre de blog] .herokuapp.com asi vamos a escoger un 
nombre que nadie mas haya tornado. Este nombre no tiene que estar relacionado con el blog de Django o mysite o 
nada de lo que hemos creado hasta ahora. El nombre debe estar en minuscula (sin letras mayusculas o acentos), 
nombres y guiones ( - ). 

Una ves tengas un nombre (tal vez algo con tu nombre o nick en el), ejecuta este comando, reemplazaod djangogirisbio 
con tu propio nombre de aplicacion: 


$ heroku create djangogirlsblog 


Nota: Recuerda reemplazar djangogirlsblog con el nombre de tu aplicacion en Heroku. 

Si no puedes pensar en un nombre, puedes en lugar ejecutar: 


$ heroku create 


Y heroku escogera un nombre no disponible por ti (posiblemente algo como enigmatic-cove-2527 ). 

Si tu alguna vez sientes que debes cambiar el nombre de tu aplicacion Heroku, puedes hacerlo en cualquier momento con 
est eomando (reemplaza the-new-game con el nuevo nombre que quieres usar): 


$ heroku apps:rename the-new-name 


Nota: Recuerda que luego que cambias el nombre de tu aplicacion, necesitas visitar [the-new-name] .herokuapp.com 
para ver tu sitio 

jDespliega a Heroku! 

Esto fue mucho de configuracion e instalacion, <jcierto? jPero esto solo lo necesitas hacer una vez! jAhora puedes 
desplegar! 

Cuando tu ejecutas heroku create , el automaticamente agregara un remote de Heroku a nuestro repositorio de 
aplicaciones. Ahora simplemente necesitamos hacer push a Heroku para desplegar nuestra aplicacion: 


$ git push heroku master 


Nota: Esto posiblemente produzca un montdn de salida si es la primera vez que lo ejecutas, como Heroku compila e 
instala psycopg. Veras que tu comando funciono Si ves algo como https://yourapplicationname.herokuapp.com/ 
deployed to Heroku cerca al final de output. 


Visita tu aplicacion 

Tu has desplegado tu codigo a Heroku, y especificado los tipos de proceso en un archivo procfiie (nosotros escogimos 
un proceso web anteriormente). Ahora puedes decide a Heroku que inicie este proceso web 

Para hacerlo, ejecuta el siguiente comando: 
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$ heroku ps:scale web=l 


Esto le dice a Heroku que ejecute solamente una instancia de nuestro proceso web . Desde que nuestra aplicacion es muy 
simple, nosotros no necesitamos mucho poder, y por eso esta bien un solo proceso. Es posible solicitar a Heroku que 
ejecute mas procesos (por cierto, Heroku llama a estos procesos "Dynos" asi que no te sorprendas si ves estos terminos) 
pero ya no seran gratis. 

Puedes visitar la app en tu navegador ejecutando heroku open . 


$ heroku open 


Nota: jveras una pagina de error! Hablaremos de eso en un minuto. 

Esto abrira una url como https://djangogirlsblog.herokuapp.com/ en tu navegador, y por el momento, posiblemente veas 
una pagina de error. 

El error que ves es porque cuando desplegamos a Heroku, creamos una nueva base de datos y esta vacia. Necesitamos 
ejecutar los comandos migrate y createsuperuser , justo como hicimos en PythonAnywhere. Esta vez, ellos vienen en 
una version especial en nuestro computador, heroku run : 


$ heroku run python manage.py migrate 
$ heroku run python manage.py createsuperuser 


Este comando te preguntara que escojas un nombre de usuario y contrasena de nuevo. Estas seran tus credenciales de 
acceso a la pagina de administration de tu sitio. 

jRefresca en tu navegador y ahi estas! Ahora sabes como desplegar a dos diferentes plataformas de hosting. Escoge tu 
favorita :) 
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